<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<%-- <script type="text/javascript" src='${pageContext.request.contextPath}/src/main/webapp/WEB-INF/js/jquery-1.8.3.min.js'></script>
 --%><script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js" ></script>


<script type="text/javascript">
	$(function(){ 
		changeFactorDataType()
　	　}); 
	
	function changeFactorDataType(){
		var value=($("#factorDataType").val());
		$("#result").html($("#div"+value).html())
		$("#condition").html('')
		$("#conditionName").html('')
		$("#constant").val(0);
		if(value==2){
			setConditionName();
		}
	}
	
	function setConditionName(){
		var value=$("#options").val()
		var num=parseInt(value)+3;
		$("#conditionName").html($("#sub_div"+num).html())
		$("#condition").html('')
		$("#constant").val(0);
	}
	
	function createNewCondition(){
		var num=$("#constant").val();
		$("#constant").val(parseInt(num) + 1)
		if($("#options").val()==1){
			var conditionName=$("#co1Name").val();
			if(conditionName==null||conditionName==""){
				alert("请先填写条件名称");
				return false;
			}
			$("#condition").append(conditionName+"<input type='text' name='FactorOptions["+num+"].coValue'/>&nbsp;&nbsp;保费: <input type='text' name='FactorOptions["+num+"].value'/><br>")
		}else if($("#options").val()==2){
			var condition1Name=$("#co2Name").val()	
			var condition2Name=$("#ct2Name").val()	
			if(condition1Name==null||condition1Name==""||condition2Name==null||condition2Name==""){
				alert("请先填写条件名称");
				return false;
			}
			$("#condition").append(condition1Name+"<input type='text' name='FactorOptions["+num+"].coValue'/>&nbsp;&nbsp;"+condition2Name+"<input type='text' name='FactorOptions["+num+"].ctValue'/>&nbsp;&nbsp;保费: <input type='text' name='FactorOptions["+num+"].value'/><br>")
		}
	}
	function resetCondition(){
		$("#condition").html('')
		$("#constant").val(0);
	}
	function validateFactorName(){
		$.post("/uniqueFactorName",{"name": $("#factorName").val()},function(data){
			if(data.contains	== "1"){
				$("#callback").html("该因子名已经被使用")
				$("#submit").attr('disabled',"true")
			}else if(data.contains == "0"	){
				$("#callback").html("该因子品名可以使用")
				$("#submit").removeAttr("disabled");
			}
		})
	}
</script>
</head>
<body>
	创建因子<br/><br/>
	<input type="hidden" id="constant" value="0">
	<form action="/addFactor" method="post">
		因子名称<input type="text" name="factorName" id="factorName" onchange="validateFactorName()"/><span id="callback"></span><br/><br/>
		因子描述<input type="text" name="factorDesc"/><br/><br/>
		基础费用还是调整因子<select name="feeOrfacotr" >
						<option value="1" >费用</option>
						<option value="2" >调整因子</option>
					</select><br/><br/>
		因子数据类型<select id="factorDataType" name="factorDataType" onchange="changeFactorDataType();return false;">
						<option value="1" >常量</option>
						<option value="2" >矩阵表</option>
						<option value="3" >逻辑计算</option>
						<option value="4" >投保时输入</option>
					</select><br/><br/>
					
		<div id="result"></div><br/><br/>
		
		<div id="conditionName"></div><br/><br/>
		
		<div id="condition"></div><br/><br/>
		
		<input type="submit" id="submit" disabled=true/>
	</form>
	<div id="div1" style="display:none" >
		常量值<input type="text" name="value"/>
	</div>
	<div id="div2" style="display:none">
		矩阵条件数量<select id="options" name="options" onchange="setConditionName(); return false;">
					<option value="1" >1</option>
					<option value="2" >2</option>
				</select><br>
		<button onclick="createNewCondition(); return false;">增加新选项</button>
	</div>
	<div id="div3" style="display:none">
		动态逻辑计算需要请IT同事协助完成
	</div>
	<div id="div4" style="display:none">
		投保时用户输入
	</div>
	
	<div id="sub_div4" style="display:none">
		条件名称<input type="text" id="co1Name" name="coName" onchange="resetCondition(); return false;"/>
	</div>
	<div id="sub_div5" style="display:none">
		条件1名称<input type="text" id="co2Name" name="coName" onchange="resetCondition(); return false;"/><br/><br/>
		条件2名称<input type="text" id="ct2Name" name="ctName" onchange="resetCondition(); return false;"/>
	</div>
	
	
	
</body>
</html>